<!--
 * @Author: your name
 * @Date: 2020-05-30 12:25:09
 * @LastEditTime: 2023-07-25 18:05:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /x-product-workspace/packages/x-project-app/src/components/org-avatar/index.vue
-->
<template>
    <div class="apaas-custom-person-info">
        <span>您好，{{userInfo.username}}</span>
    </div>
  </template>
  
  <script>
  import { mapState } from 'vuex'
  export default {
    name: 'PersonInfo',
    data() {
      return {}
    },
    computed: {
        ...mapState({
            userInfo: state => state.authModule.userInfo
        })
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .apaas-custom-person-info{
    flex: 1;
    display: flex;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
  }
  </style>
  